<!DOCTYPE html	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	<p:dialog id="detailDialog" widgetVar="detailDialog" modal="true" width="1400" height="700"
		header="跳闸详情">
		<p:panel style="text-align: center;border:0;">
			<!-- 变电站名 -->
			<div class="row" style="font-size: 18px;">
				<!-- 开始站 -->
				<p:outputLabel value="#{equipmentTripDetailController.selectTrip.stationName1}"
					styleClass="#{'ui-g-6 ui-md-6'}"></p:outputLabel>
				<!-- 结束站 -->
				<p:outputLabel value="#{equipmentTripDetailController.selectTrip.stationName2}"
					styleClass="#{'ui-g-6 ui-md-6'}"></p:outputLabel>
			</div>
			<div class="row">
				<!-- 开始站 -->
				<p:panel header="变位信息" styleClass="#{'ui-g-12 ui-md-12'}">
					<p:dataTable styleClass="ui-g-6 ui-md-6" value="#{equipmentTripDetailController.BWList1}"
						var="item" emptyMessage="无变位信息">
						<p:column headerText="发生时间" width="40">
								#{item.occurTime}
							</p:column>
						<p:column headerText="断路器名称" width="40">
								#{item.breakerName}
							</p:column>
						<p:column headerText="断路器状态" width="40">
								#{item.actionStatus}
							</p:column>
						<p:column headerText="具体内容" width="100">
								#{item.content}
							</p:column>
					</p:dataTable>
					<!-- 结束站 -->
					<p:dataTable styleClass="ui-g-6 ui-md-6" value="#{equipmentTripDetailController.BWList2}"
						var="item" emptyMessage="无变位信息">
						<p:column headerText="发生时间" width="40">
								#{item.occurTime}
							</p:column>
						<p:column headerText="断路器名称" width="40">
								#{item.breakerName}
							</p:column>
						<p:column headerText="断路器状态" width="40">
								#{item.actionStatus}
							</p:column>
						<p:column headerText="具体内容" width="100">
								#{item.content}
						</p:column>
					</p:dataTable>
				</p:panel>
			</div>
			<div class="row">
				<p:panel header="SOE信息" styleClass="#{'ui-g-12 ui-md-12'}" style="margin-top:10px;">
					<p:dataTable styleClass="ui-g-6 ui-md-6" value="#{equipmentTripDetailController.SOEList1}"
						var="item" emptyMessage="无SOE信息">
						<p:column headerText="发生时间"  width="40">
								#{item.soeTime}
							</p:column>
						<p:column headerText="断路器名称" width="40">
								#{item.breakerName}
							</p:column>
						<p:column headerText="断路器状态" width="40">
								#{item.actionStatus}
							</p:column>
						<p:column headerText="具体内容" width="100">
								#{item.content}
							</p:column>
					</p:dataTable>
					<p:dataTable styleClass="ui-g-6 ui-md-6" value="#{equipmentTripDetailController.SOEList2}"
						var="item" emptyMessage="无SOE信息">
						<p:column headerText="发生时间" width="40">
								#{item.soeTime}
							</p:column>
						<p:column headerText="断路器名称" width="40">
								#{item.breakerName}
							</p:column>
						<p:column headerText="断路器状态" width="40">
								#{item.actionStatus}
							</p:column>
						<p:column headerText="具体内容" width="100">
								#{item.content}
							</p:column>
					</p:dataTable>
				</p:panel>
			</div>
		</p:panel>

	</p:dialog>
</ui:composition>
